
$(function(){
	var login_btn = $("#yonghuming");
	var register_btn = $("#tuichu");

	if(getCookie("true")=="true"){
		login_btn.text("您好！"+getCookie("user"));
		//login_btn.attr("href","javascript:;");
		register_btn.text("退出").css("color","#EE0011");
		register_btn.attr("href","javascript:;");	
	}else{
		login_btn.text("登录").css("color","#EE0011").attr("href","html/denglu.html");
		register_btn.text("注册").css("color","#EE0011").attr("href","html/zhuce.html");	
	}
	if(register_btn.text()=="退出"){
		register_btn.click(function(){
		setCookie("true",false,setCookieDate(7),"/");
		login_btn.text("登录").css("color","#EE0011").attr("href","javascript:;");
		register_btn.text("注册").css("color","#EE0011").attr("href","javascript:;");
		login_btn.click(function(){
			window.location.href = "html/denglu.html";
		});
		register_btn.click(function(){
			window.location.href = "html/zhuce.html";
		})
	})

	}
	
	
})







$(function () {
				//lunbonav
				var _index = 0;
				var $oneli = $("#lunbonav ul.one li");
				var $twoli= $("#lunbonav ul.two li");
				$twoli.eq(_index).css("background","#E0034F")
				var length = $oneli.size();
				var timer1 = setInterval(lunbonavfn,6000);
				$("#lunbonav ul.two").on("click","li",function(){
					clearInterval(timer1);
					_index = $(this).index() - 1;
					lunbonavfn();
					timer1 = setInterval(lunbonavfn,6000);
				})
				//轮播图调用函数
				function lunbonavfn(){
					_index++;
					if(_index >= length){
						_index = 0;
					}
					$oneli.eq(_index).fadeIn(600).siblings().fadeOut(600)
					$("#lunbonav").fadeOut(1).fadeIn(599).css("background-image","url(img/index/lb"+ (_index+1) +"bg.jpg)")
					$twoli.eq(_index).css("background","#E0034F").siblings().css("background","#211616")
				}
				$("#lunbonav").on("mouseover",".lunbonavimg",function(){
					$(".lunbonavimg").stop(true).animate({"left":"1027px"},500);
				})
				$("#lunbonav").on("mouseout",".lunbonavimg",function(){
					$(".lunbonavimg").stop(true).animate({"left":"1037px"},500);
				})
				
				//sanli效果
				var _index1 = 0;
				$("#sanli .left .one li").eq(0).css("border-color","#e0034f").siblings().css("border-color","#333");
				$("#sanli .left .one li").eq(0).children().last().css("display","block")
				$("#sanli .left").on("mouseover","ul.one li",function(){
					var _index1 = $(this).index();
				
					$(this).css("border-color","#e0034f").siblings().css("border-color","#333");
					
					$("#sanli .left .one img").eq(_index1).show()
					$("#sanli .left .two .three").css("top",_index1*(-272)+"px")
					if(_index1 == 0){
						$("#sanli .left .one img").eq(1).hide();
						$("#sanli .left .one img").eq(2).hide();
					}else if(_index1 == 1){
						$("#sanli .left .one img").eq(0).hide();
						$("#sanli .left .one img").eq(2).hide();
					}else{
						$("#sanli .left .one img").eq(0).hide();
						$("#sanli .left .one img").eq(1).hide();
					}
					
				})
				
				//银泰百货上li效果
				
				var _index2 = 0;
				$("#ytbaihuo .center .sonright ul.top li").eq(0).css("border-color","#e0034f").siblings().css("border-color","#333");
				$("#ytbaihuo .center .sonright ul.top img").eq(0).children().last().css("display","block")
				$("#ytbaihuo .center .sonright ul.top").on("mouseover","li",function(){
					var _index2 = $(this).index();
					$(this).css("border-color","#e0034f").siblings().css("border-color","#333");
					$("#ytbaihuo .sonsonmove").css("top",_index2*(-513)+"px")
					if(_index2 == 0){
						$("#ytbaihuo .center .sonright ul.top img").eq(1).hide();
						$("#ytbaihuo .center .sonright ul.top img").eq(0).show();
					}else{
						$("#ytbaihuo .center .sonright ul.top img").eq(0).hide();
						$("#ytbaihuo .center .sonright ul.top img").eq(1).show();
					}
				})
				
				
			//添加九大块内容
			$.ajax({
					url:"json/index.json",
					dataType:"json",
					success:function(data){
						var mag = data.data;
						var str = "";
						var o = 0;
						for(var i in mag){
							o++;
							str += '<div class="w addto"><div class="l title"><a href="#"><p>'+mag[i].titlename+'</p></a></div><div class="l left"><ul class="top">';
									for(var j in mag[i].lefttext){
										str += '<li class="l"><a href="#">'+mag[i].lefttext[j]+'</a></li>';	
									}
									str += '</ul><div class="bottomdiv"><div class="prev"><a href="javascript:;"><img src="img/index/addtoulbottomzuojiantou.jpg"/></a></div><div class="next"><a href="javascript:;"><img src="img/index/addtoulbottomyoujiantou.jpg"/></a></div><ul class="bottom">';
									for(var k = 1 ; k < 13; k++){
										str += '<li class="l "><a href="#"><img src="img/index/add0'+o+'pinpai'+k+'.jpg"/></a></li>';
									}
									str += '</ul></div></div><div class="l imgdiv"><ul><li class="l one"></li><li class="l two"></li></ul><a class="imgdivprev" href="javascript:;"></a><a class="imgdivnext" href="javascript:;"></a><div class="l imgdivcen">';
									for(var x = 1; x < 3; x++){
										str += '<a class="l" href="#"><img src="img/index/add0'+o+'imgdiv'+x+'.jpg" /></a>';
									}
									str += '</div></div><div class="l right">';
									for(var y = 1; y < 5 ; y++){
										str += '<a href="#"><img src="img/index/addtoright0'+o+'img'+y+'.jpg"/></a>';
									}
									str += '</div></div>';
						}
						$("#add").append(str);
						
					}
				})
				
				
				
				

				//添加九大块效果
				//有结构时的效果
//				$("#add .addto .left .bottomdiv .prev").click(function(){	
//					var addleft = Number($(this).parent().children().last().css("left").split("px")[0]) + 168;
//					if(addleft > 0){
//						addleft = -336;
//					}else if((-168 < addleft) && (addleft < 0)){
//						addleft = -168;
//					}else if((-336 < addleft) && (addleft < -168)){
//						addleft = 0;
//					}
//					$(this).parent().children().last().stop(true).animate({"left":addleft + "px"},300)
//				})
				
					$("#add").on("click",".prev",function(){	
					var addleft = Number($(this).parent().children().last().css("left").split("px")[0]) + 168;
					if(addleft > 0){
						addleft = -336;
					}else if((-168 < addleft) && (addleft < 0)){
						addleft = -168;
					}else if((-336 < addleft) && (addleft < -168)){
						addleft = 0;
					}
					$(this).parent().children().last().stop(true).animate({"left":addleft + "px"},300)
				})
				
					$("#add").on("click",".next",function(){
						var addleft = Number($(this).parent().children().last().css("left").split("px")[0]) - 168;

					
					if(addleft <= -504){
						addleft = 0;
					}else if((-504 < addleft) && (addleft < -336)){
						addleft = -336;
					}else if((-336 < addleft) && (addleft < -168)){
						addleft = -168;
					}
					$(this).parent().children().last().stop(true).animate({"left":addleft + "px"},300)
				})
				

				
//				$("#add .addto .left .bottomdiv .next").click(function(){
//						var addleft = Number($(this).parent().children().last().css("left").split("px")[0]) - 168;
//
//					
//					if(addleft <= -504){
//						addleft = 0;
//					}else if((-504 < addleft) && (addleft < -336)){
//						addleft = -336;
//					}else if((-336 < addleft) && (addleft < -168)){
//						addleft = -168;
//					}
//					$(this).parent().children().last().stop(true).animate({"left":addleft + "px"},300)
//				})
//				
			
			//imgdiv效果
			//有结构时的效果
//			$("#add .addto .imgdiv").mouseover(function(){
//				$(this).children().eq(1).stop(true).animate({"left":"0px"},300);
//				$(this).children().eq(2).stop(true).animate({"left":"360px"},300);
//				$(this).stop(true).animate({"opacity":"0.8"},300);
//			})
//			$("#add .addto .imgdiv").mouseout(function(){
//				$(this).children().eq(1).stop(true).animate({"left":"-30px"},300);
//				$(this).children().eq(2).stop(true).animate({"left":"390px"},300);
//				$(this).stop(true).animate({"opacity":"1"},300);
//			})
//
//			$("#add .addto .imgdiv a.imgdivprev").click(function(){
//				if( $(this).next().next().css("left") == "0px"){
//					$(this).next().next().animate({"left":"-390px"},500);
//					$(this).prev().children().eq(0).css("background","#6e6e6e");
//					$(this).prev().children().eq(1).css("background","#E0034F");
//				}else{
//					$(this).next().next().animate({"left":"0px"},500);
//					$(this).prev().children().eq(0).css("background","#E0034F");
//					$(this).prev().children().eq(1).css("background","#6e6e6e");
//				}
//				
//			})
//			$("#add .addto .imgdiv a.imgdivnext").click(function(){
//				if( $(this).next().css("left") == "0px"){
//					$(this).next().animate({"left":"-390px"},500);
//					$(this).prev().prev().children().eq(0).css("background","#6e6e6e");
//					$(this).prev().prev().children().eq(1).css("background","#E0034F");
//				}else{
//					$(this).next().animate({"left":"0px"},500);
//					$(this).prev().prev().children().eq(0).css("background","#E0034F");
//					$(this).prev().prev().children().eq(1).css("background","#6e6e6e");
//				}
//				
//			})
//
//			
//			$("#add .addto .imgdiv ul li.one").mouseover(function(){
//				$(this).parent().siblings().last().stop(true).animate({"left":"0px"},600);
//				$(this).css("background","#E0034F");
//				$(this).next().css("background","#6e6e6e");
//				//$(this).parent().siblings().last().stop(true).animate({"left":"360px"},300);
//			})
//			$("#add .addto .imgdiv ul li.two").mouseover(function(){
//				//$(this).parent().siblings().last().stop(true).animate({"left":"0px"},300);
//				$(this).parent().siblings().last().stop(true).animate({"left":"-390px"},600);
//				$(this).css("background","#E0034F");
//				$(this).prev().css("background","#6e6e6e");
//			})
			
			
			$("#add").on("mouseover",".addto .imgdiv",function(){
				$(this).children().eq(1).stop(true).animate({"left":"0px"},300);
				$(this).children().eq(2).stop(true).animate({"left":"360px"},300);
				$(this).stop(true).animate({"opacity":"0.8"},300);
			})
			
			$("#add").on("mouseout",".addto .imgdiv",function(){
				$(this).children().eq(1).stop(true).animate({"left":"-30px"},300);
				$(this).children().eq(2).stop(true).animate({"left":"390px"},300);
				$(this).stop(true).animate({"opacity":"1"},300);
			})

			$("#add").on("click",".addto .imgdiv a.imgdivprev",function(){
				if( $(this).next().next().css("left") == "0px"){
					$(this).next().next().animate({"left":"-390px"},500);
					$(this).prev().children().eq(0).css("background","#6e6e6e");
					$(this).prev().children().eq(1).css("background","#E0034F");
				}else{
					$(this).next().next().animate({"left":"0px"},500);
					$(this).prev().children().eq(0).css("background","#E0034F");
					$(this).prev().children().eq(1).css("background","#6e6e6e");
				}
				
			})
			$("#add").on("click",".addto .imgdiv a.imgdivnext",function(){
				if( $(this).next().css("left") == "0px"){
					$(this).next().animate({"left":"-390px"},500);
					$(this).prev().prev().children().eq(0).css("background","#6e6e6e");
					$(this).prev().prev().children().eq(1).css("background","#E0034F");
				}else{
					$(this).next().animate({"left":"0px"},500);
					$(this).prev().prev().children().eq(0).css("background","#E0034F");
					$(this).prev().prev().children().eq(1).css("background","#6e6e6e");
				}
				
			})

			
			$("#add").on("mouseover",".addto .imgdiv ul li.one",function(){
				$(this).parent().siblings().last().stop(true).animate({"left":"0px"},600);
				$(this).css("background","#E0034F");
				$(this).next().css("background","#6e6e6e");
				//$(this).parent().siblings().last().stop(true).animate({"left":"360px"},300);
			})
			$("#add").on("mouseover",".addto .imgdiv ul li.two",function(){
				//$(this).parent().siblings().last().stop(true).animate({"left":"0px"},300);
				$(this).parent().siblings().last().stop(true).animate({"left":"-390px"},600);
				$(this).css("background","#E0034F");
				$(this).prev().css("background","#6e6e6e");
			})

				//导航
				
				$(window).scroll(function(){
					 Topnum = $(this).scrollTop();
//					document.title = $(this).scrollTop();
//					document.title = Topnum;
					if($(this).scrollTop() > 800){
						$("#floornav").show();
					}else if($(this).scrollTop() < 800){
						$("#floornav").hide();
					}
					//alert(Math.ceil(($(this).scrollTop() - 1900)/450))
					
					switch(Math.ceil(($(this).scrollTop() - 1700)/450)){
						case 0:$("#floornav").children().children().css("display","none");break;
						case 1:$("#floornav").children().eq(0).children().css("display","block").parent().siblings().children().css("display","none");break;
						case 2:$("#floornav").children().eq(1).children().css("display","block").parent().siblings().children().css("display","none");break;
						case 3:$("#floornav").children().eq(2).children().css("display","block").parent().siblings().children().css("display","none");break;
						case 4:$("#floornav").children().eq(3).children().css("display","block").parent().siblings().children().css("display","none");break;
						case 5:$("#floornav").children().eq(4).children().css("display","block").parent().siblings().children().css("display","none");break;
						case 6:$("#floornav").children().eq(5).children().css("display","block").parent().siblings().children().css("display","none");break;
						case 7:$("#floornav").children().eq(6).children().css("display","block").parent().siblings().children().css("display","none");break;
						case 8:$("#floornav").children().eq(7).children().css("display","block").parent().siblings().children().css("display","none");break;
						case 9:$("#floornav").children().eq(8).children().css("display","block").parent().siblings().children().css("display","none");break;			
					}
				})
				
				$("#floornav").on("click",".one",function(){
					$("html,body").stop(true).animate({"scrollTop":"1885"},300);
				})
				$("#floornav").on("click",".two",function(){
					$("html,body").stop(true).animate({"scrollTop":"2335"},300);
				})
				$("#floornav").on("click",".three",function(){
					$("html,body").stop(true).animate({"scrollTop":"2785"},300);
				})
				$("#floornav").on("click",".four",function(){
					$("html,body").stop(true).animate({"scrollTop":"3235"},300);
				})
				$("#floornav").on("click",".five",function(){
					$("html,body").stop(true).animate({"scrollTop":"3685"},300);
				})
				$("#floornav").on("click",".six",function(){
					$("html,body").stop(true).animate({"scrollTop":"4135"},300);
				})
				$("#floornav").on("click",".seven",function(){
					$("html,body").stop(true).animate({"scrollTop":"4585"},300);
				})
				$("#floornav").on("click",".eight",function(){
					$("html,body").stop(true).animate({"scrollTop":"5035"},300);
				})
				$("#floornav").on("click",".nine",function(){
					$("html,body").stop(true).animate({"scrollTop":"5485"},300);
				})
				$("#floornav").on("click",".gotop",function(){
					$("html,body").stop(true).animate({"scrollTop":"0"},300);
				})
			
				
				$("#floornav").on("mouseover","a",function(){
					$(this).children().css("display","block");					
				})
				$("#floornav").on("mouseout","a",function(){
					if(Math.ceil((Topnum - 1800)/450) != ($(this).index()+1)){
						$(this).children().css("display","none");
					}
					
				})
			
			
			
				//card
				$("#card").on("mouseover","a",function(){
					$(this).children().animate({"opacity":"0.6"},500)
				})
				$("#card").on("mouseout","a",function(){
					$(this).children().animate({"opacity":"1"},500)
				})
				
				
				
				
		})	
		









//$(function(){
//	var $ul = $("#stairs");
//	var $li = $("#stairs li.floor")
//	var _index = 0;
//		$(window).scroll(function(){
//			if($(this).scrollTop() > 800){
//				$ul.fadeIn();
//			}else{
//				$ul.fadeOut();						
//			}
//			_index = Math.floor(($(this).scrollTop() -1000)/543);
//			_index = _index < 2?1:_index;
//			$li.eq(_index-1).addClass("hover").siblings().removeClass("hover");
//		})
//		$("li").not(".down").hover(function(){
//			$(this).addClass("hover")
//		},function(){
//			$(this).removeClass("hover")					
//		})
//		$li.not(".down").click(function(){
//			var _index = $(this).index();
//			$("html,body").stop(true).animate({"scrollTop":(_index + 1)*543 + 1000},300);
//		});
//		$("#stairs li.top").click(function(){
//			$("html,body").stop(true).animate({"scrollTop":0},300)
//		})
//		
//})